<template>
  <div class="flex-y-center">
    <div class="icon" :style="iconStyle"></div>
    <div class="m-l-xs font-bold">{{ title }}</div>
  </div>
</template>
<script>
export default {
  props: {
    theme: {
      type: String,
      default: '#60afff'
    },
    title: String
  },
  data () {
    return {
      iconStyle: `background: ${this.theme}`
    }
  }
}
</script>
<style scoped lang="less">
.icon {
  width: 4px;
}
</style>
